<template>
  <div class="home-content" style="padding-top: 20px;">
    <Card/>
    <Sale/>
    <Observe/>
  </div>
</template>

<script>
import Card from './Card'
import Sale from './Sale'
import Observe from './Observe'
export default {
  name: 'Dashboard',
  components: {
    Card,
    Sale,
    Observe
  }
}
</script>

<style scoped>
.home-content {
  padding: 0 10px 20px;
  box-sizing: border-box;
}
</style>